<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Education for EveryJuan</title>

<link rel="stylesheet" type="text/css" href="<?=css('css/diapo.css');?>">
<link rel="stylesheet" type="text/css" href="<?=css('css/styles.css');?>" />
<!-- <link rel="stylesheet" type="text/css" href="<?=css('custom-style.css');?>" />-->
<link rel="stylesheet" type="text/css" href="../../../css/custom-style.css" />

	<!-- jQuery Script -->
	<script type="text/javascript" src="<?php echo js('jquery.min.js');?>"></script>
	<script type="text/javascript" src="<?php echo js('jquery-ui.min.js');?>"></script>
	<script src="<?php echo js('jquery.easing.1.3.js');?>"></script>

	<!-- diapo sider -->
	<script src="<?php echo js('diapo/jquery.hoverIntent.minified.js');?>"></script>
	<script src="<?php echo js('diapo/diapo.js');?>"></script>
	<script src="<?php echo js('diapo/setting.js');?>"></script>
    
</head>

<body>
<!-- start of header -->
<div id="header">
<div id="navbar">
<div id="logo"><a href="#">E2EJuan</a></div>
<ul class="nav">
<li><a href="">Tell Us Your Story</a></li>
<li><a href="">Login</a>
<div class="dropdown">
<ul>
<li><a href="">As a Scholar</a></li>
<li><a href="">As a Sponsor</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<body style="background: #123456;">
<div class="wrapper">
<div class="inner-wrapper">
<div class="profile">
<div class="img-container"><img src="../../../images/girl.jpg" /></div>
<div class="description">
<h1><?=$firstname?> <?=$lastname?>, &nbsp;<span class="age"><?=$age?> years old</span></h1>
<p><?=$about?></p>
</div>
</div>
<div class="status">
<p style="font-size: 16px;"><b>Family Background:&nbsp;&nbsp;&nbsp;</b><span><?=$family_bg?></span><p>

<p style="font-size: 16px;"><b>Education Attaintment:&nbsp;&nbsp;&nbsp;</b><span><?=$education_attainment?></span><p>

<p style="font-size: 16px;"><b>Academic Interest:&nbsp;&nbsp;&nbsp;</b><span><?=$academic_interests?></span><p>

</div>
</div>
</div>
</body>

</html>
